<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>宿舍楼管理</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

		<style type="text/css">
			.breadcrumb {
				padding: 15px 15px;
				background-color: transparent;
				margin-bottom: 0px;
				display: inline-block;
			}

			.pull-right {
				padding: 7px;
			}

			.inline-block {
				display: inline-block;
			}

			.div1 {
				padding-left: 0px;
			}

			.menuRight {
				float: right;
			}

			.span1 {
				color: red;
			}

			.img {
				width: 20px;
				height: 20px;
			}

			.div2 {
				border: 2px solid #eee;
				border-radius: 10px;
			}

			hr {
				border-top: 2px solid #eee;
				margin-top: 10px;
				margin-bottom: 0px;
			}

			.div3 {
				padding: 7px 0px;
			}

			.div4 {
				border-radius: 20px;
			}

			.buton1 {
				width: 40px;
				padding: 0px;
			}
			.buton2 {
				width: 54px;
				padding: 0px;
			}

			.div5 {
				border-radius: 30px;
			}
			.span2{
				float: right;
				padding-top: 12px;
				font-size: 15px;
			}
		</style>

	</head>
	<body>
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">宿舍管理系统</a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ol class="breadcrumb">
						<li><a href="#">宿舍楼管理</a></li>
						<li class="active">
							当前用户：梁玉颖
							<span class="span1">(系统管理员)</span>
						</li>
					</ol>

					<div class="btn-group pull-right div3" role="group" aria-label="...">
						<button type="button" class="btn btn-danger">退出系统</button>
					</div>
					<div class="btn-group menuRight pull-right">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
						 aria-expanded="false">
							<img src="img/systemAdministrator.jpg" alt="..." class="img-circle img">
						</button>
						<ul class="dropdown-menu">
							<li><a href="#">个人信息</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="#">注销</a></li>
						</ul>
					</div>
				</div>
			</div>
		</nav>

		<div class="container">
			<div class="row">
				<div class="col-md-2 col-sm-2 col-xs-2 div1">
					<div class="list-group">
						<a href="admin.html" class="list-group-item">首页
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
						<a href="dormAdminManager.html" class="list-group-item">宿舍管理员管理
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
						<a href="stuManagement.html" class="list-group-item">学生管理
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
						<a href="dormManagement.html" class="list-group-item active">宿舍楼管理
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
						<a href="absence.html" class="list-group-item">缺勤记录
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
						<a href="modifyPassword.html" class="list-group-item">修改密码
							<span class="glyphicon glyphicon-menu-right menuRight" aria-hidden="true"></span>
						</a>
					</div>
				</div>

				<div class="col-md-10 col-sm-10 col-xs-10 div2">
					<div>
						<h4>宿舍楼管理</h4>
						<hr />
					</div>
					<div>
						<div class="btn-group div3" role="group" aria-label="...">
							<button type="button" class="btn btn-success">添加</button>
						</div>
						<div class="btn-group pull-right div3" role="group" aria-label="...">
							<button type="button" class="btn btn-info">搜索</button>
						</div>
						<div class=" col-md-2 pull-right">
							<input type="email" class="div4 form-control" id="exampleInputEmail2">
						</div>
						<span class="span2">名称:</span>
						<!-- <div class="btn-group pull-right">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
							 aria-expanded="false">姓名
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">姓名</a></li>
								<li><a href="#">性别</a></li>
								<li><a href="#">电话</a></li>
								<li><a href="#">宿舍楼</a></li>
								<li><a href="#">用户名</a></li>
							</ul>
						</div> -->
					</div>
					<div>
						<table class="table-hover table table-bordered">
							<tr>
								<th>编号</th>
								<th>名称</th>
								<th>简介</th>
								<th class="col-md-3 col-sm-3 col-xs-3">操作</th>
							</tr>
							<tr>
								<td>1</td>
								<td>1栋</td>
								<td>1栋信息介绍</td>
								<td>
									<button type="button" class="btn btn-primary buton2">管理员</button>
									<button type="button" class="btn btn-info buton1">修改</button>
									<button type="button" class="btn btn-danger buton1">删除</button>
								</td>
							</tr>
							<tr>
								<td>2</td>
								<td>2栋</td>
								<td>2栋信息介绍</td>
								<td>
									<button type="button" class="btn btn-primary buton2">管理员</button>
									<button type="button" class="btn btn-info buton1">修改</button>
									<button type="button" class="btn btn-danger buton1">删除</button>
								</td>
							</tr>
							<tr>
								<td>3</td>
								<td>3栋</td>
								<td>3栋信息介绍</td>
								<td>
									<button type="button" class="btn btn-primary buton2">管理员</button>
									<button type="button" class="btn btn-info buton1">修改</button>
									<button type="button" class="btn btn-danger buton1">删除</button>
								</td>
							</tr>
							<tr>
								<td>4</td>
								<td>4栋</td>
								<td>4栋信息介绍</td>
								<td>
									<button type="button" class="btn btn-primary buton2">管理员</button>
									<button type="button" class="btn btn-info buton1">修改</button>
									<button type="button" class="btn btn-danger buton1">删除</button>
								</td>
							</tr>
							<tr>
								<td>5</td>
								<td>5栋</td>
								<td>5栋信息介绍</td>
								<td>
									<button type="button" class="btn btn-primary buton2">管理员</button>
									<button type="button" class="btn btn-info buton1">修改</button>
									<button type="button" class="btn btn-danger buton1">删除</button>
								</td>
							</tr>
						</table>

						<div class="text-center" aria-label="Page navigation">
							<ul class="pagination">
								<li><a href="#">首页</a></li>
								<li><a href="#">
										<span aria-hidden="true">&laquo;&nbsp;上一页</span>
									</a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">
										<span aria-hidden="true">下一页&nbsp;&raquo;</span>
									</a></li>
								<li><a href="#">尾页</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
